<!--//setup声明我们使用组合式API-->
<script setup>
import {onMounted, ref} from 'vue';

// 响应式数据
let count=ref(0)

//组合式API函数声明，组合式中没有this，用value替代
function increment(){
  count.value++;
}

//钩子函数定义，钩子函数的参数是一个lambda表达式
onMounted(()=>{
  console.log("count自加一")
})


</script>

<template>

  <h1>you did it</h1>
  <p>
    Visit <a href="https://vuejs.org/" target="_blank" rel="noopener">vuejs.org</a> to read the
    documentation
  </p>
  <br/>
  <button @click="increment">count:{{count}}</button>
</template>

<style scoped></style>
